<script>
jQuery(document).ready(function(){ldelim}
	jQuery('.lof-slidorion-{$moduleId}').slidorion({ldelim}
		speed: {$sliderSpeed},
		interval: {$itemSpeed},
		effect: '{$effect}',
        lHeight:{$thumbmainHeight},
        lWidth:{$thumbmainWidth},
		first: 'section{$itemAtv}',
		hoverPause: {$hoverPause},
        autoPlay:{$autoPlay}
	{rdelim});
{rdelim});
</script>
<div class="lof-slidorion-{$moduleId} {$theme} lof-slidorion" style="width:{$moduleWidth}px;height:{$moduleHeight}px;{if $shadowBox == 1}box-shadow:0 0 34px #BBBBBB;-webkit-box-shadow: 0 0 34px #bbb;-moz-box-shadow: 0 0 34px #bbb;{/if}">	
    <div class="lof-slider-main" style="width:{$thumbmainWidth}px;height:{$thumbmainHeight}px;">
        {foreach from=$products key=k item=row}
    	<div class="slider-image" rel="section{$k+1}" {if $effect != 'fade'}style="width:{$thumbmainWidth}px;height:{$thumbmainHeight}px;{/if}">
    		<div class="lof-slido-image" style="width:{$thumbmainWidth}px;height:{$thumbmainHeight}px;">
                {if $linkImage == 1}<a target="{$targetlink}" href="{$row.link}" style="width:{$thumbmainWidth}px;height:{$thumbmainHeight}px;" class="product_img_link product_image">{/if}<img src="{$row.mainImge}" alt=""/>{if $linkImage == 1}</a>{/if}
                {if $showAddCart == 1 AND $source == 'product'}
                <div class="lof-addcart lof-addcart-{$row.id_product}">
                    {if (($row.quantity > 0 OR $row.allow_oosp))}
                    <a class="addcart-lof-slidorion ajax_add_to_cart_button" rel="ajax_id_product_{$row.id_product}" href="{$site_url}cart.php?add&amp;id_product={$row.id_product}&amp;token={$token}"><span>{l s='Add to cart' mod='lofslidorion'}</span></a>
                    {else}
                        <div class="addcart-lof-slidorion"><span>{l s='Add to cart' mod='lofslidorion'}</span></div>
                    {/if}
                </div>
                {/if}
            </div>
    	</div>        
        {/foreach}
    </div>
    <div class="lof-accordion-product" style="width:{$moduleWidth-$thumbmainWidth}px;">
        {foreach from=$products key=k item=row}
        	<p class="header" style="width:{$moduleWidth-$thumbmainWidth}px;">
                <a class="slider-link" rel="section{$k+1}">{$row.subtitle}&nbsp;
                    <span class="lof-price" style="color:#FF0000 !important;"><b>{if $source=="product"}{$row.price}{else}{displayWtPrice p=$row.price}{/if}</b></span>
                    {if (($row.price_lof_reduction) != ($row.price)) AND ($priceReduction == 1) AND ($source == "product")}&nbsp;&nbsp;<span class="lof-price-discount" style="color:#FF0000 !important;">{displayWtPrice p=$row.price_without_reduction}</span>{/if}                    
                </a>
                
            </p>
        	<div class="content">
                {if ($itemDateCreated == 1) AND $source == 'product'}
                <span style="color: #333333;font-size:11px;font-style: italic;position:relative;left:7px;">
					{$row.date_add|date_format:"%d-%m-%Y"}													
                </span>
                <br />
                {/if}
        		
                <p>{$row.description}</p>
                {if $showReadmore == 1}<a  target="{$targetlink}" class="lof-detail" href="{$row.link}"><span>{l s='View' mod='lofslidorion'}</span></a>{/if}
        	</div>
           
        {/foreach}
    </div>
</div>
<div class="clearfix clr"></div>


		